Apollo client 5) 오오..라우팅..조건부렌더링..graphql... 이게 되네 ... (Code Camp FE 6기) 이동된 페이지에서 router.query를 활용하여 게시물ID 또는 게시물 번호를 가져올 수도 있었어요! 또한, 가져온 게시물ID와 게시물번호를 활용하여 데이터를 조회했습니다! 하지만 이로 인해 발생하는 문제가 있었고, 이를 해결하기 위해 조건부 렌더링을 사용했습니다. 조건부 렌더링에는 &&연산자와 삼항연산자를 사용하는 방법이 있었죠? 또한, &&연산자를 사용하는 경우엔, 옵셔널체이닝을 사용... graphql mutation조건부렌더링코딩부트캠프tryCatch개발자취업코드캠프비동기 통신연산자개발자templete literalrouteroptional chainingApollo client삼항연산자routing코딩Apollo client Mutation..니가 뭔데..날울려..? 백엔드와의 통신을 위해 성장한 프론트엔드 개발자 아름이의 4일차 (Code Camp FE 6기) - 동기 vs 비동기 (async-await) 게시글 불러오기 같은것은 동기를 써야함 왜냐면 비동기는 이렇게 돼 이렇게 될수 있기 때문에 아래처럼 등록이 된 다음에 불러줘야 한다! 비동기 ( 요청들이 서로 기다릴 필요가 없을때 쓴다) 그래서 비동기는 이렇게 다 겹쳐버려도 돼 ! -const data = axios.get ( ' ) (데이터를 줘 하고 요청하고 안기다리고 바로 data에 저장하... GRAPHQL_APImutationaxios코드캠프6기프론트엔드202203Apollo clientawaitrestapiTDZ(Temperal Dead Zone)async202203 ☁️ BE TIL Day 13 0330 Method that was used in apollo-server Need to create swagger typeDef is created automatically Thus, the docs are created automatically by using resolver. => It gets the types from resolver file. No need to write schema o... DatabasegraphqlBackendApollo clientdbeaverApollo client 계속 헷갈려서 정리하는 시리즈 1탄] apollo-client로 graphql 뮤테이션 실행하는 방법 apollo-client로 graphql 뮤테이션 실행하는 방법 apollo-client가 설치되었는지 _app.js에 들어가서 확인한다. mutation을 사용하기 전, playground에서 우리가 사용하려는 mutation이 제대로 작동하는지 확인한다. 3. 제대로 작동한다면 mutation을 실행하려는 페이지 상단에 apollo-client의 도구들을 불러온다. 4. javascrip... mydocsApollo clientgraphqlmutationApollo client [TIL #48 기업 협업] 조건부 SelectBox (with graphQL 데이터) useEffect(() => { data && setUsers(data.getDestonation.gunGu); }, [data]); 이전 게시글에서 Apollo Client를 통해 받아온 "군/구" 데이터를 셀렉트 박스에 적용하기 위해 일단 "시/도" 에 해당하는 셀렉트박스는 프론트엔드에서 하드코딩으로 작성하고 {ARRAY.siDo.map((el) => ( <option value={el}... React기업 협업TILApollo clientJava ScriptApollo client [Android] Apollo-Client 기본 사용법 이번 포스팅에선 Android 앱 개발 시 Apollo-Client 를 사용하여 편리하게 GraphQL 서버와 통신하는 기본적인 방법을 알아보려 한다. GraphQL 을 클라이언트 단에서 보다 편리하게 사용할 수 있도록 해주는 라이브러리이다. 아래 사진처럼 graphql 패키지를 만든 뒤, 프로젝트의 패키지명처럼 하위 패키지들을 만들어 주면 된다. GraphQL API 를 사용하기 위해선, ... apolloApollo clientandroidgraphqlAndroid StudioAndroid Studio
5) 오오..라우팅..조건부렌더링..graphql... 이게 되네 ... (Code Camp FE 6기) 이동된 페이지에서 router.query를 활용하여 게시물ID 또는 게시물 번호를 가져올 수도 있었어요! 또한, 가져온 게시물ID와 게시물번호를 활용하여 데이터를 조회했습니다! 하지만 이로 인해 발생하는 문제가 있었고, 이를 해결하기 위해 조건부 렌더링을 사용했습니다. 조건부 렌더링에는 &&연산자와 삼항연산자를 사용하는 방법이 있었죠? 또한, &&연산자를 사용하는 경우엔, 옵셔널체이닝을 사용... graphql mutation조건부렌더링코딩부트캠프tryCatch개발자취업코드캠프비동기 통신연산자개발자templete literalrouteroptional chainingApollo client삼항연산자routing코딩Apollo client Mutation..니가 뭔데..날울려..? 백엔드와의 통신을 위해 성장한 프론트엔드 개발자 아름이의 4일차 (Code Camp FE 6기) - 동기 vs 비동기 (async-await) 게시글 불러오기 같은것은 동기를 써야함 왜냐면 비동기는 이렇게 돼 이렇게 될수 있기 때문에 아래처럼 등록이 된 다음에 불러줘야 한다! 비동기 ( 요청들이 서로 기다릴 필요가 없을때 쓴다) 그래서 비동기는 이렇게 다 겹쳐버려도 돼 ! -const data = axios.get ( ' ) (데이터를 줘 하고 요청하고 안기다리고 바로 data에 저장하... GRAPHQL_APImutationaxios코드캠프6기프론트엔드202203Apollo clientawaitrestapiTDZ(Temperal Dead Zone)async202203 ☁️ BE TIL Day 13 0330 Method that was used in apollo-server Need to create swagger typeDef is created automatically Thus, the docs are created automatically by using resolver. => It gets the types from resolver file. No need to write schema o... DatabasegraphqlBackendApollo clientdbeaverApollo client 계속 헷갈려서 정리하는 시리즈 1탄] apollo-client로 graphql 뮤테이션 실행하는 방법 apollo-client로 graphql 뮤테이션 실행하는 방법 apollo-client가 설치되었는지 _app.js에 들어가서 확인한다. mutation을 사용하기 전, playground에서 우리가 사용하려는 mutation이 제대로 작동하는지 확인한다. 3. 제대로 작동한다면 mutation을 실행하려는 페이지 상단에 apollo-client의 도구들을 불러온다. 4. javascrip... mydocsApollo clientgraphqlmutationApollo client [TIL #48 기업 협업] 조건부 SelectBox (with graphQL 데이터) useEffect(() => { data && setUsers(data.getDestonation.gunGu); }, [data]); 이전 게시글에서 Apollo Client를 통해 받아온 "군/구" 데이터를 셀렉트 박스에 적용하기 위해 일단 "시/도" 에 해당하는 셀렉트박스는 프론트엔드에서 하드코딩으로 작성하고 {ARRAY.siDo.map((el) => ( <option value={el}... React기업 협업TILApollo clientJava ScriptApollo client [Android] Apollo-Client 기본 사용법 이번 포스팅에선 Android 앱 개발 시 Apollo-Client 를 사용하여 편리하게 GraphQL 서버와 통신하는 기본적인 방법을 알아보려 한다. GraphQL 을 클라이언트 단에서 보다 편리하게 사용할 수 있도록 해주는 라이브러리이다. 아래 사진처럼 graphql 패키지를 만든 뒤, 프로젝트의 패키지명처럼 하위 패키지들을 만들어 주면 된다. GraphQL API 를 사용하기 위해선, ... apolloApollo clientandroidgraphqlAndroid StudioAndroid Studio